@charset "UTF-8";

/*
	
	Style of Moka CMS editor

*/

	body{
		font-size:9pt;
	}


	div.cleaner { clear: both; }
	
	#top{
		position:absolute;
		top:0;
		left:0;
		right:0;
		height:30px;
	}
	
	
	#fill{
		position:absolute;
		top:32px;
		left:0;
		bottom:56px;
		right:335px;
		background:white;
	}
	
	#tabs{
		position:absolute;
		top:32px;
		right:0;
		width:300px;
		height:30px;
		background:#d0d0d0;
		border-left:solid 1px #999;
	}
	
	#properties, #attachments, #history, #comments-tab{
		position:absolute;
		top:62px;
		width:300px;
		right:0;
		bottom:00px;
		background:#ededed;
		border-left:solid 1px #999;
		display:none;
	}
	/*#attachments, #history, #comments { display:none; }*/
	
	#editor{
		width:100%;
		height:100%;
		overflow: auto;
		padding:0 1em;
		font-size:12pt;
	}
	
	#editor td{
		border:dashed 1px #CCC;
	}
	
	#editor:active, #editor:focus{ outline:none; }
	
	#statusbar{
		position:absolute;
		left:0;
		height:25px;
		right:300px;
		bottom:0;
	}
	
	#fileDialog { display:none; padding:0 !important; }
	
	#fileDialog td div { overflow:hidden; height:1.2em; }

	#tabs ul{
		list-style:none;
		padding:0;
		margin:0;
	}
	
	#tabs li{
		border:solid 1px transparent;
		display:block;
		float:left;
		padding:4px 7px;
		margin:0 5px;
		margin-top:4px;
		background:#d0d0d0;
	}
	
	#tabs li.selected{
		background:#f0f0f0;
	}
	
	
	
	#statusbar a{
		font-size:8pt;
		display:inline-block;
		border:solid 1px #777;
		border-top:none;
		margin:0 5px;
		padding:0px 10px;
		margin-top:-1px;
		float:left;
	}
	
	#statusbar a.selected{
		background:white;
	}
	
	#statusbar div{ float:left; margin-left:20px; }
	
	#properties div{
		margin:5px 0;
	}
	
	#properties input[type="text"], #properties textarea{
		display:block;
		width:100%;
	}
	
	#properties .half{
		float:left;
		width:49% !important;
	}
	
	#properties textarea{
		height:4em;
	}
	
	#dialogCommands{
		padding:1em;
	}
	
	.formSeparator{
		clear:both;
		padding-top:1em;
		font-weight:bold;
		border-bottom:solid 1px #06C;
	}
	
	button.start{
		background-color:#666;
		color:white;
		padding:4px 2.5em;
		border:solid 1px #333;
		border-top-color:#999;
		border-left-color:#999;
	}
	
	/*
		Menu stuff
	*/
	
	#menu{
		display:none;
		padding:5px;
		position:absolute;
		width:500px;
		background:#ededed;
		border:solid 1px #999;
		border-top-color:#FFF;
		border-left-color:#FFF;
		top:30px;
		left:5px;
	}
	
	#menu-in{
		background:#e0e0e0;
		border:solid 1px #d0d0d0;
		border-right-color:#f0f0f0;
		border-bottom-color:#f6f6f6;
	}
	
	#menu-left{
		margin:0;
		padding:0;
		list-style:none;
		float:left;
		width:40%;
		background:#efefef;
		border-right:solid 1px #f6f6f6;
	}
	
	#menu-right{
		margin:0;
		padding:0;
		list-style:none;
		float:left;
		width:59%;
		background:;
	}
	
	#menu-bottom{
		margin:0;
		padding:0;
		list-style:none;
		clear:both;
		background:;
		text-align:right;
		height:30px;
	}
	
	#menu-left li{
		border:solid 1px transparent;
		border-right-color:#d0d0d0;
		clear:both;
		padding:8px 5px;
		height:35px;
	}
	
	#menu-left li:hover{
		background:
	}
	
	#menu-left li .icon-32, #menu-left li label{
		float:left;
	}
	
	#menu-right li{
		border:solid 1px transparent;
		padding:4px 10px;
		cursor:default;
		
	}
	
	#menu-bottom li{
		display:inline-block;
		float:right;
		background:#efefef;
		padding:3px 1em;
		border:solid 1px white;
		border-right-color:#d0d0d0;
		border-bottom-color:#d0d0d0;
		margin-top:3px;
		margin-right:5px;
		cursor:default;
	}
	
	#menu label{
		display:inline-block;
		height:32px;
		padding:8px 0 0 10px;
	}
	
#statusbar{
	background:#ededed;
	border-top:solid 1px #777;
}


.history-entry{
	font-size:9pt;
	margin-bottom:1em;
}

.history-entry span{ margin:0 .4em 0 0; }

.history-entry .date{
	color:#777;
	font-size:8pt;
}

.history-entry .user{
	color:#06C;
}

.history-entry .data{
	background-color:#FFC;
}

.comment{
	margin: 1em;
	border: solid 1px #ddd;
	max-height:100px;
	overflow:hidden;
}

.comment-banned{
	border:dashed 1px #F99 !important;
	background:#FFDCDA;
	color:#900;
}
